<template>
    <div class="demo">
      <h2>学校名称:{{  name }}</h2>
      <h2>学校地址: {{ address }}</h2>
    </div>
 </template>
 
 <script>
 export default {
   name: "School",
   data(){
     console.log(this);
     return {
        name: 'school name',
        address: 'school address'
     }
   },
 }
 </script>
 
 <style scoped>
    /*scoped代表局部的*/
   .demo{
     background: skyblue;
   }
 </style>